<template>
	<view class="animate">
		<view class="box_1">
			<view style="height: 100%;" class="u-flex-column u-flex-center u-flex-items-center">
				<img class="image_2" referrerpolicy="no-referrer"
					src="https://lanhu.oss-cn-beijing.aliyuncs.com/MasterDDSSlicePNGf3ac056a6b8ae9317a4ed451c4a7ad2e.png" />
				<span class="text_3">检测中</span>
			</view>
			<view class="box_2 ">
				<view class="group_6 loader40">
					<view class="loader-40">
						<view></view>
						<view></view>
						<view></view>
						<view></view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "detection",
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	@import 'css/index.css';

	@-webkit-keyframes loader40-1 {
		33% {
			-webkit-transform: rotate(90deg);
		}

		100% {
			-webkit-transform: rotate(90deg);
		}
	}

	@-webkit-keyframes loader40-2 {
		66% {
			-webkit-transform: rotate(180deg);
		}

		100% {
			-webkit-transform: rotate(180deg);
		}
	}

	@-webkit-keyframes loader40-3 {
		100% {
			-webkit-transform: rotate(270deg);
		}
	}

	.loader-40 {
		width: 300rpx;
		height: 300rpx;
		background: transparent;
		border: 10rpx solid rgba(255, 255, 255, 0.3);
		border-radius: 50%;
		position: relative;
	}

	.loader-40 view {
		height: 300rpx;
		width: 300rpx;
		background: transparent;
		border-radius: 50%;
		border: 10rpx solid transparent;
		border-right-color: #3662EC;
		position: absolute;
		top: -10px;
		left: -10px;
	}

	.loader-40 view:nth-child(1) {
		-webkit-animation: loader40-1 5.2s linear infinite;
	}

	.loader-40 view:nth-child(2) {
		-webkit-animation: loader40-2 5.2s linear infinite;
	}

	.loader-40 view:nth-child(3) {
		-webkit-animation: loader40-3 5.2s linear infinite;
	}
</style>